<template>
  <div>
    <!--敬请期待页面-->
    <div id="forward">
      <img src="../assets/404_.png" />
      <p class="animated slideInDown">您访问的页面不存在 o(╥﹏╥)o</p>
      <router-link router-link to="/">
        <el-button type="info" id="btn"> 点此返回首页</el-button>
      </router-link>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped></style>

<style>
#forward {
  width: 1000px;
  height: 500px;
  margin: 0px auto;
  text-align: center;
  vertical-align: middle;
}
#forward img {
  position: relative;
  top: 30%;
}
#forward p {
  font-size: 20px;
  position: relative;
  top: 35%;
  font-weight: inherit;
  opacity: 0.3;
}

#btn {
  position: relative;
  top: 40%;
  background-color: rgb(231, 230, 230);
  color: gray;
}
</style>
